<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>菜单管理</title>
    <link rel="stylesheet" href="../staticFile/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="../staticFile/css/bootstrap-responsive.min.css"/>
    <link rel="stylesheet" href="../staticFile/css/fonts/font-awesome.min.css">
    <link rel="stylesheet" href="../staticFile/css/ace-responsive.min.css" />
    <link type="text/css" rel="stylesheet" href="../staticFile/css/plugins/sweetalert/sweetalert2.min.css">
    <link type="text/css" rel="stylesheet" href="../staticFile/css/form/chosen.min.css">
    <link rel="stylesheet" href="../staticFile/css/ace.min.css" />
    <style type="text/css">
        .page-mask{z-index: 100;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.4;filter:alpha(opacity=40);display: none;}
        .menu-from{z-index: 200;position: fixed;background:#fff;width: 60%;left: 10%;top:8%;display: none;}
        button{outline: none;}
        .btn-group{width: 100%;text-align: center;}
        .col-sm-5{width: 80%;}
        .chosen-container-single{width: 58.3% !important;margin-left:12px;}
        .form-horizontal .form-group{margin-right: 0;margin-top:16px;}
        .widget-header{margin-bottom: 18px;}
        .ace-icon{font-size: 20px;}
        input[type=radio].ace+.lbl::before {top: -6px;}
        #menuIconList{width: 62%;}
        #menuIconList label{margin-bottom:8px;}
        .has-error i{
            margin-left: -24px;
            padding: 0 3px;
            z-index: 2;
            position: absolute;
            top: 1px;
            bottom: 1px;
            line-height: 30px;
            display: inline-block;
        }
        #btnAddMenu{margin-left: 50px;}
        .error-tip{text-align: center;
            font-size: 18px;
            color: red;}
        .children-table{margin-bottom: 0;}
        .table td{vertical-align: middle !important;}
    </style>
</head>
<body>
<table id="allMenuTb" class="table table-striped table-bordered table-hover">
    <thead>
        <tr>
            <th class="center" style="width: 50px;">序号</th>
            <th class='center'>图标</th>
            <th class='center'>名称</th>
            <th class='center'>菜单路径</th>
            <th class='center'>排序</th>
            <th class='center'>操作</th>
        </tr>
    </thead>
    <tbody></tbody>
</table>
<a id="btnAddMenu" class="btn btn-small btn-success">新增</a>
<div class="page-mask"></div>
<div class="row menu-from">
    <div class="widget-header">
        <h4 class="widget-title">添加菜单</h4>
        <span class="widget-toolbar">
            <a href="#" id="closeMenuForm" data-action="close">
                <i class="ace-icon fa fa-times" style="color: #E09E96;"></i>
            </a>
        </span>
    </div>
    <div class="col-xs-12">
        <!-- PAGE CONTENT BEGINS -->
        <form class="form-horizontal" role="form">
            <input type="hidden" id="menuId">
            <label class="col-sm-3 control-label no-padding-right" for="form_field_select_3_chosen"
            style="margin-left:-9px;">父菜单</label>
            <select class="chosen-select form-control" id="selectParentMenu" data-placeholder="选择父菜单" style="display: none;">
            </select>

            <div class="form-group not-null">
                <label class="col-sm-3 control-label no-padding-right" for="menuName">菜单名</label>
                <div class="col-sm-9">
                    <input type="text" id="menuName" placeholder="请输入菜单名" class="col-xs-10 col-sm-5">
                </div>
            </div>

            <div class="form-group not-null">
                <label class="col-sm-3 control-label no-padding-right" for="menuUrl">路径</label>
                <div class="col-sm-9">
                    <input type="text" disabled id="menuUrl" placeholder="请输入路径" class="col-xs-10 col-sm-5">
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-3 control-label no-padding-right" for="menuOrder">排序号</label>
                <div class="col-sm-9">
                    <input type="number" id="menuOrder" placeholder="请输入排序号" class="col-xs-10 col-sm-5">
                </div>
            </div>

            <div class="form-group">
                <label class="col-sm-3 control-label no-padding-right">图标</label>
                <div id="menuIconList" class="radio col-sm-9"></div>
            </div>
            <div class="error-tip"></div>
            <div class="clearfix form-actions btn-group">
                <div class="col-md-9">
                    <button class="btn btn-info" type="button">
                        <i class="ace-icon fa fa-check bigger-110"></i>提交
                    </button>&nbsp; &nbsp; &nbsp;
                    <button class="btn" type="reset">
                        <i class="ace-icon fa fa-undo bigger-110"></i>重置
                    </button>
                </div>
            </div>
        </form>
    </div><!-- /.col -->
</div>
<script src="../staticFile/js/plugins/jquery/jquery-2.1.4.min.js"></script>
<script src="../staticFile/js/bootstrap.min.js"></script>
<script src="../staticFile/js/system/menuList.js"></script>
<script src="../staticFile/js/common/commonUtil.js"></script>
<script src="../staticFile/js/analytics.js"></script>
<script src="../staticFile/js/watch.js"></script>
<script src="../staticFile/js/ace-extra.min.js"></script>
<script src="../staticFile/js/form/chosen.jquery.min.js"></script>
<script src='../staticFile/js/plugins/sweetalert/sweetalert2.min.js'></script>
</body>
</html>